/*---------------icon----------------*/
.product-silider {
  overflow: hidden;
  position: relative;
}
.product-silider > i {
  position: absolute;
  right: 15px;
  top: 15px;
  z-index: 10;
}
.product-silider .video {
  position: relative;
}
.product-silider .video iframe {
  position: absolute;
  left: 0;
  top: 0;
}
.product-silider .video img {
  width: 100%;
}

.swiper-container {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  position: relative;
}
.swiper-container > .swiper-slide {
  padding-bottom: 56.25%;
}
.swiper-container .swiper-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.swiper-container .swiper-slide {
  float: left;
  position: relative;
  height: 100%;
  width: 100%;
  overflow: hidden;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  background-position: center center;
  -webkit-background-size: cover;
  background-size: cover;
}
.swiper-container .swiper-pagination {
  position: absolute;
  bottom: 13px;
  left: 0;
  width: 100%;
  line-height: 1;
  text-align: center;
}
.swiper-container .swiper-pagination span {
  width: 11px;
  height: 11px;
  display: inline-block;
  margin: 0 3px;
  background-repeat: no-repeat;
  background-image: url('/static/img/mobile/common/generated/swiper-icons-sb5c40caa37.png');
  background-position: 0 0;
  height: 8px;
  width: 9px;
  -webkit-background-size: 9px auto;
  background-size: 9px auto;
}
.swiper-container .swiper-pagination span.swiper-active-switch {
  background-repeat: no-repeat;
  background-image: url('/static/img/mobile/common/generated/swiper-icons-sb5c40caa37.png');
  background-position: 0 -13px;
  height: 8px;
  width: 9px;
  -webkit-background-size: 9px auto;
  background-size: 9px auto;
}
